<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
<div th:replace="/common/head :: head"></div>
<body>
<!-- 网站头部 -->
<div class="fly-header layui-bg-black" th:include="/common/header :: header"></div>

<!-- 帖子类型 -->
<div class="fly-panel fly-column" th:include="/common/column :: column"></div>

<div class="layui-container">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md8">
      <div class="fly-panel" style="margin-bottom: 0;">

        <!-- 过滤条件 -->
        <div class="fly-panel-title fly-filter" th:include="/common/filter :: filter"></div>
        <!-- 内容部分 -->
        <ul class="fly-list tieList" >
          <li th:each="card : ${ cardList }">
            <a th:href="${'/user/username/'+card.user.username}" href="user/home.html" class="fly-avatar">
              <img th:src="${card.user.userImage}" th:alt="${card.user.username}" src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" alt="贤心">
            </a>
            <h2>
              <a class="layui-badge" th:text="${card.cardType.cardTypeName}">分享</a>
              <a th:href="${'/jie/detail/'+card.cardId}" th:text="${card.cardTitle}" >基于 layui 的极简社区页面模版</a>
            </h2>
            <div class="fly-list-info">
              <a th:href="${'/user/username/'+card.user.username}" href="user/home.html" link>
                <cite th:text="${card.user.username}">贤心</cite>
              </a>
              <span th:text="${#temporals.format(card.cardCreateTime, 'yyyy/MM/dd HH:mm')}">刚刚</span>
              <span th:if="${card.cardUnfinished == 1}">
								<span class="layui-badge fly-badge-accept layui-hide-xs">已结</span>
							</span>
              <span class="fly-list-nums">
			<i class="iconfont icon-pinglun1" title="回答"></i> <span th:text="${card.cardAnswerNumber}"></span>
		</span>
            </div>
            <div class="fly-list-badge" >
							<span th:if="${card.cardEssence == 2}">
								<span class="layui-badge layui-bg-red">精帖</span>
							</span>
              <span th:if="${card.cardTop == 2}">
								<span class="layui-badge layui-bg-black">置顶</span>
							</span>cardUnfinished
            </div>
          </li>
        </ul>
        
        <div th:if="${ cardList.size() <=0 }" class="fly-none">没有相关数据</div>
        <!-- 分页 -->
        <div >
          <div th:if="${ cardList.size() >10 }" style="text-align: center" id="fen-page"></div>
        </div>

      </div>
    </div>

    <div class="layui-col-md4">
      <!--  技术分类  -->
      <div class="fly-panel classify" th:include="/common/classify :: classify"></div>
      <!--  友情链接 -->
      <div class="fly-panel frielink" th:include="/common/frielink :: frielink" ></div>
      <!--  微信公众号 -->
      <div class="fly-panel weixin" style="padding: 20px 0; text-align: center;"  th:include="/common/weixin :: weixin"></div>
    </div>
  </div>
</div>

<!-- 页尾 -->
<div th:replace="/common/footer :: footer"></div>

</body>
</html>